import React from 'react'
// ===================================================================== Declare
const { $Lazy } = window
// ===================================================================== Lazy
const Title = $Lazy.load(()=>import('#tp/title/title'))
// =====================================================================
const Index = ({ children, title, controls, nobc, className, full }) => {
	return (
		<div className={`wh fv ${full?'':'r5px'} ${ nobc?'':'bcf'} ${className || ''}`}>
			{
				title && (
					<Title title={title} controls={controls} />
				)
			}
			{children}
		</div>
	)
}
export default Index